import { Component, ComponentProps, VueComponent } from "vue3-oop";
import { NScrollbar, NTabs, NTabPane } from "naive-ui";
import BpmnModeler from '../../../BpmnModeler';
import { BasePanel,StartEventPanel,FormPanel } from '../../panels';

interface IProps {
  bpmnModeler: BpmnModeler,
}
@Component()
export default class StartEventTabs extends VueComponent<IProps> {
  static defaultProps: ComponentProps<IProps> = {
    bpmnModeler: {},
  }

  render(){
    return(
      <NTabs type="line" animated >
        <NTabPane name={BasePanel.tabKey} tab={BasePanel.tabName}><NScrollbar><BasePanel bpmnModeler={this.props.bpmnModeler}/></NScrollbar></NTabPane>
        <NTabPane name={StartEventPanel.tabKey} tab={StartEventPanel.tabName}><NScrollbar><StartEventPanel bpmnModeler={this.props.bpmnModeler}/></NScrollbar></NTabPane>
        <NTabPane name={FormPanel.tabKey} tab={FormPanel.tabName}><NScrollbar><FormPanel bpmnModeler={this.props.bpmnModeler}/></NScrollbar></NTabPane>
      </NTabs>
    )
  }
}